<script setup>
</script>

<template>
  <div class="bg-image h-full w-full flex flex-col justify-center bg-cover pl-222px" style="height: 976px">
    <div class="mb-6px text-60px font-bold">
      欢迎访问
    </div>
    <div class="mb-36px h-7px w-173px bg-[linear-gradient(348deg,#639FFF_0%,#2456D9_100%)]" />
    <div class="text-50px text-#5a5959 font-400">
      智能审核平台
    </div>
  </div>
</template>

<style lang="scss" scoped>
.bg-image {
  background-image: url('../assets/images/index-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.pl-222px {
  padding-left: 222px;
}

.bg-cover {
  background-size: cover;
}
.justify-center {
  justify-content: center;
}
.flex-col {
  flex-direction: column;
}
.flex {
  display: flex;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.font-bold {
  font-weight: 700;
}

.text-60px {
  font-size: 60px;
}
.mb-6px {
  margin-bottom: 6px;
}
.font-400 {
  font-weight: 400;
}

.text-\#5a5959 {
  --un-text-opacity: 1;
  color: rgb(90 89 89 / var(--un-text-opacity));
}
.text-50px {
  font-size: 50px;
}
</style>
